/**
 * http://testsize.com/ 
 * https://html-css-js.com/css/generator/box-shadow/ 
 * https://learngitbranching.js.org/?locale=zh_CN https://fakerjs.dev/guide/usage.html 
 * https://react-guide.github.io/react-router-cn/docs/Introducthttps://router.vuejs.org/zh/guide/ 
 */


export const bookmarks = {
  开发工具: [
    {
      name: 'Snippet Generator',
      url: 'https://snippet-generator.app/?description=&tabtrigger=&snippet=&mode=vscode',
      iconName: 'logos:visual-studio-code',
      description: 'VS Code代码片段生成器'
    },
    {
      name: 'CSS Sprite 生成器',
      url: 'https://www.toptal.com/developers/css/sprite-generator',
      iconName: 'simple-icons:css3',
      description: '在线生成CSS精灵图工具'
    },
    {
      name: 'Sprite Cow',
      url: 'http://www.spritecow.com/',
      iconName: 'simple-icons:css3',
      description: '可视化CSS精灵图坐标提取工具'
    },
    {
      name: 'Clippy',
      url: 'https://www.jiangweishan.com/tool/clippy/',
      iconName: 'simple-icons:css3',
      description: 'CSS clip-path路径生成器'
    }
  ],
  前端框架: [
    {
      name: 'Vue 官方文档',
      url: 'https://vuejs.org/',
      iconName: 'logos:vue',
      description: 'Vue.js 官方文档与最佳实践指南'
    },
    {
      name: 'Element Plus',
      url: 'https://element-plus.org/zh-CN/',
      iconName: 'logos:element',
      description: '基于 Vue 3 的桌面端组件库'
    },
    {
      name: 'Nuxt 文档',
      url: 'https://nuxt.com.cn/',
      iconName: 'logos:nuxt-icon',
      description: 'Vue框架的SSR解决方案'
    },
    {
      name: 'React官方文档',
      url: 'https://zh-hans.react.dev/learn',
      iconName: 'logos:react',
      description: 'React学习与API参考'
    },
    {
      name: 'Ant Design Vue',
      url: 'https://www.antdv.com/docs/vue/introduce-cn',
      iconName: 'logos:ant-design',
      description: '基于Ant Design的Vue组件库'
    },
    {
      name: 'Vue Router 中文文档',
      url: 'https://router.vuejs.org/zh/guide/',
      iconName: 'logos:vue',
      description: 'Vue官方路由管理库文档'
    },
    {
      name: 'React Router 中文文档',
      url: 'https://react-guide.github.io/react-router-cn/docs/Introduct',
      iconName: 'logos:react',
      description: 'React路由管理库文档'
    },
    {
      name: 'Vant',
      url: 'https://vant-ui.github.io/vant/#/zh-CN/index-bar',
      iconName: 'logos:vue',
      description: '轻量、可定制的移动端 Vue 组件库'
    },
    {
      name: 'Vant Weapp',
      url: 'https://vant-ui.github.io/vant-weapp/#/home',
      iconName: 'logos:wechat',
      description: '微信小程序组件库'
    }
  ],
  后端技术: [
    {
      name: 'Koa 框架',
      url: 'https://www.koajs.net/',
      iconName: 'logos:nodejs',
      description: '下一代Node.js Web框架'
    },
    {
      name: 'Node.js 学习',
      url: 'https://nodejs.cn/en/learn',
      iconName: 'logos:nodejs',
      description: 'Node.js官方学习文档'
    },
    {
      name: 'Express.js',
      url: 'https://www.expressjs.com.cn/zh-cn/',
      iconName: 'logos:express',
      description: 'Node.js Web应用框架'
    }
  ],
  图标与资源: [
    {
      name: 'IconFont 阿里图标库',
      url: 'https://www.iconfont.cn/',
      iconName: 'icon-park-outline:icons',
      description: '阿里巴巴矢量图标库'
    },
    {
      name: 'IcoMoon 图标库',
      url: 'https://icomoon.io/',
      iconName: 'icon-park-outline:icons',
      description: '图标生成与字体转换工具'
    },
    {
      name: 'Iconify 图标库',
      url: 'https://icon-sets.iconify.design/',
      iconName: 'icon-park-outline:icons',
      description: '统一图标集合库'
    }, {
      name: 'Font Awesome',
      url: 'https://www.bootcss.com/p/font-awesome/',
      iconName: 'logos:font-awesome',
      description: '流行的图标库'
    }
  ],
  构建与工程化: [
    {
      name: 'Vite 文档',
      url: 'https://vitejs.dev',
      iconName: 'logos:vitejs',
      description: '下一代前端构建工具'
    },
    {
      name: 'Tailwind CSS',
      url: 'https://tailwindcss.com/',
      iconName: 'logos:tailwindcss',
      description: '实用类优先的 CSS 框架'
    },
    {
      name: 'Webpack',
      url: 'https://webpack.js.org/',
      iconName: 'logos:webpack',
      description: 'JavaScript模块打包工具'
    },
    {
      name: 'Babel',
      url: 'https://babeljs.io/',
      iconName: 'logos:babel',
      description: 'JavaScript编译器'
    },
    {
      name: 'Sass 文档',
      url: 'https://www.sass.hk/docs/index.html',
      iconName: 'logos:sass',
      description: 'Sass 中文文档'
    },
    {
      name: 'Less 文档',
      url: 'https://less.bootcss.com/',
      iconName: 'logos:less',
      description: 'Less 中文文档'
    }
  ],
  学习资源: [
    {
      name: 'MDN Web Docs',
      url: 'https://developer.mozilla.org/',
      iconName: 'logos:mozilla',
      description: 'Web 开发权威文档与兼容性查询'
    },
    {
      name: 'W3Schools',
      url: 'https://www.w3schools.com',
      iconName: 'simple-icons:w3c',
      description: '前端开发入门教程与示例'
    },
    {
      name: 'CSS Tricks',
      url: 'https://css-tricks.com/',
      iconName: 'logos:css-3',
      description: 'CSS技巧与前沿教程'
    },
    {
      name: 'JSON参考手册',
      url: 'https://wangchujiang.com/reference/docs/json.html',
      iconName: 'devicon:json',
      description: 'JSON语法与用法指南'
    }
  ],
  数据可视化: [
    {
      name: 'ECharts',
      url: 'https://echarts.apache.org/zh/index.html',
      iconName: 'logos:apache-echarts',
      description: '百度开源的 JavaScript 图表库'
    },
    {
      name: 'DataV',
      url: 'http://datav.jiaminghi.com/guide/',
      iconName: 'logos:apache-echarts',
      description: 'Vue数据可视化组件库'
    },
    {
      name: 'Three.js',
      url: 'https://threejs.org/',
      iconName: 'logos:threejs',
      description: 'WebGL 3D库'
    }
  ],
  颜色与图形: [
    {
      name: '渐变配色',
      url: 'https://lingdaima.com/jianbianse/',
      iconName: 'emojione:rainbow',
      description: 'CSS渐变颜色生成器'
    },
    {
      name: 'PXLab调色板',
      url: 'https://pxlab.cn/color/index.html',
      iconName: 'emojione:paintbrush',
      description: '专业颜色选取与配色方案'
    },
    {
      name: 'ColorDrop',
      url: 'https://colordrop.io/',
      iconName: 'emojione:rainbow',
      description: '调色板生成器'
    },
    {
      name: 'UI Gradients',
      url: 'https://uigradients.com/#RainbowBlue',
      iconName: 'emojione:rainbow',
      description: '精选CSS渐变配色方案'
    },
    {
      name: 'Gradient Designer',
      url: 'https://gradient.shapefactory.co/',
      iconName: 'emojione:rainbow',
      description: '高级渐变生成与导出工具'
    },
    {
      name: 'SVG Wave',
      url: 'https://svgwave.in/',
      iconName: 'vscode-icons:file-type-svgs',
      description: '自定义波形SVG生成器'
    },
    {
      name: 'Get Waves',
      url: 'https://getwaves.io/',
      iconName: 'vscode-icons:file-type-svgo',
      description: '交互式波浪SVG生成工具'
    },
    {
      name: 'Trianglify',
      url: 'https://trianglify.io/',
      iconName: 'fluent-mdl2:text-color',
      description: '几何三角形背景生成器'
    }
  ],
  动画与样式: [
    {
      name: 'Animate.css',
      url: 'https://animate-css.nodejs.cn/',
      iconName: 'simple-icons:animate.css',
      description: 'CSS动画库'
    },
    {
      name: 'Fancy Border Radius',
      url: 'https://9elements.github.io/fancy-border-radius/',
      iconName: 'emojione:square',
      description: '可视化生成复杂边框半径'
    }
  ],
  跨平台与部署: [
    {
      name: 'Electron',
      url: 'https://www.electronjs.org/zh/docs/latest/',
      iconName: 'logos:electron',
      description: '跨平台桌面应用框架'
    },
    {
      name: 'Uni-app',
      url: 'https://uniapp.dcloud.net.cn/quickstart',
      iconName: 'logos:uni-app',
      description: '跨平台移动应用框架'
    },
    {
      name: 'React Native',
      url: 'https://reactnative.cn/',
      iconName: 'logos:react-native',
      description: '使用React构建原生应用'
    },
    {
      name: '微信小程序',
      url: 'https://developers.weixin.qq.com/miniprogram/dev/framework/',
      iconName: 'logos:wechat',
      description: '微信小程序开发文档'
    },
    {
      name: '抖音小程序',
      url: 'https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/tutorial/codelabs',
      iconName: 'logos:douyin',
      description: '抖音小程序开发指南'
    },
    {
      name: '支付宝小程序',
      url: 'https://opendocs.alipay.com/mini/03lwrv?pathHash=fdb6e738',
      iconName: 'logos:alipay',
      description: '支付宝小程序开发文档'
    },
    {
      name: '百度智能小程序',
      url: 'https://smartprogram.baidu.com/docs/develop/tutorial/intro/',
      iconName: 'logos:baidu',
      description: '百度智能小程序开发介绍'
    }
  ],
  AI工具: [
    {
      name: 'DeepSeek Chat',
      url: 'https://chat.deepseek.com/',
      iconName: 'material-symbols:auto-fix-high-rounded',
      description: 'AI编程助手'
    },
    {
      name: '百度文心一言',
      url: 'https://yiyan.baidu.com/',
      iconName: 'material-symbols:auto-fix-high-rounded',
      description: 'AI对话与创作工具'
    }
  ],
  状态管理: [
    {
      name: 'Pinia',
      url: 'https://pinia.vuejs.org/zh/introduction.html',
      iconName: 'logos:pinia',
      description: 'Vue状态管理库'
    },
    {
      name: 'Redux',
      url: 'https://cn.redux.js.org/',
      iconName: 'logos:redux',
      description: 'JavaScript 状态容器'
    }
  ],
  其他资源: [
    {
      name: 'Gitee',
      url: 'https://gitee.com/baby_baby',
      iconName: 'simple-icons:gitee',
      description: '代码托管平台'
    },
    {
      name: 'GitHub',
      url: 'https://github.com',
      iconName: 'logos:github-icon',
      description: '全球最大同性交友平台'
    },
    {
      name: '掘金',
      url: 'https://juejin.cn',
      iconName: 'simple-icons:juejin',
      description: '中文技术社区'
    }
  ],
  设计工具: [
    {
      name: '墨刀',
      url: 'https://modao.cc/',
      iconName: 'logos:modao',
      description: '产品原型设计工具'
    },
    {
      name: 'Figma',
      url: 'https://www.figma.com',
      iconName: 'logos:figma',
      description: '在线设计与协作平台'
    }
  ],
  网络请求: [
    {
      name: 'Axios',
      url: 'https://www.axios-http.cn/',
      iconName: 'logos:axios',
      description: 'HTTP 客户端，支持异步请求'
    }
  ]
}